Purpose

The purpose of this PR is to fix #1640 by making the project section and project cards responsive.

Goals

• Make the "Our Projects" section and project cards responsive on mobile and tablet screens.
• Ensure that the layout is flexible and adapts to different screen sizes.

Approach

• Modified the index.html file to adjust the structure of the project section and cards.
• Updated the CSS to ensure that the project cards and section are responsive on both mobile and tablet screens.
• Formatted the index.html file using Prettier code formatter to ensure consistent code styling.

Screenshots

Before:

After:

Preview Link

https://pr-1641-sef-site.surge.sh/

Checklist

• I have read and understood the development best practices guidelines
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas

Related PRs

N/A

Learning

Utilized Prettier for code formatting and ensured best practices for responsive design using CSS media queries and flexbox properties.